<!DOCTYPE html>
<html lang="{{lang}}">
<head>

    {{!-- Document Settings --}}
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />

    {{!-- Base Meta --}}
    <title>{{meta_title}}</title>
    <meta name="HandheldFriendly" content="True" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    {{!-- Styles'n'Scripts --}}
    <link rel="stylesheet" href="{{asset "bulma.css"}}">
    <link rel="stylesheet" href="{{asset "fontawesome/css/all.css"}}">
    <link rel="stylesheet" href="{{asset "/header.css"}}">
    <link rel="stylesheet" href="{{asset "/footer.css"}}">
    <link rel="stylesheet" href="{{asset "/common.css"}}">
    {{!-- <link rel="stylesheet" href="{{asset "debug.css"}}" --}}

    {{#is 'index'}}
    <link rel="stylesheet" href="{{asset "/index.css"}}">
    {{/is}}
    {{#is 'tag'}}
    <link rel="stylesheet" href="{{asset "/index.css"}}">
    {{/is}}

    {{#is 'post'}}
    <link rel="stylesheet" href="{{asset "markdown.css"}}">
    <link rel="stylesheet" href="{{asset "post.css"}}">
    {{/is}}

    {{!-- This tag outputs SEO meta+structured data and other important settings --}}
    {{ghost_head}}

</head>
<body class="{{body_class}} has-navbar-fixed-top">
    {{!-- All the main content gets inserted here, index.hbs, post.hbs, etc --}}
    {{{body}}}

    {{!-- The footer at the very bottom of the screen --}}
    <footer class="footer">
        <div class="content has-text-centered">
            <section class="copyright">
                <a href="{{@blog.url}}">{{@blog.title}}</a> &copy; {{date format="YYYY"}}
            </section>
            <nav class="site-footer-nav">
                Theme <a href="https://github.com/cmlanche/ghost-theme-simple">[ Simple ]</a><span> Made with love by <a href="/">cmlanche</a></span>
            </nav>
        </div>
    </footer>

    {{!-- lazy loader --}}
    <script src="{{asset "js/libs/lazyload.js"}}"></script>

    {{!-- jQuery + Fitvids, which makes all video embeds responsive --}}
    <script
        src="https://code.jquery.com/jquery-3.2.1.min.js"
        integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
        crossorigin="anonymous">
    </script>

    <script src="{{asset 'js/libs/fetch.js'}}"></script>
    <script src="{{asset 'js/function.js'}}"></script>
    <script src="{{asset "js/common.js"}}"></script>

    {{#is 'index'}}
    <script src="{{asset "js/index.js"}}"></script>
    {{/is}}
    {{#is 'tag'}}
    <script src="{{asset "js/index.js"}}"></script>
    {{/is}}

    {{#is 'post'}}
    <script src="{{asset "/js/post.js"}}"></script>
    {{/is}}

    {{!-- Ghost outputs important scripts and data with this tag - it should always be the very last thing before the closing body tag --}}
    {{ghost_foot}}

</body>
</html>
